<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>在线课堂</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
<!--用IE的最高版本浏览网页，以防低版本IE不支持部分css3属性-->
<title>11工程界-视频主页</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!--意思是使网页的宽度强制适应不同服务窗口的宽度（宽度自适），且用户不能够随意缩放网页-->
<meta name="description" content="" />
<!--关键字的描述内容(description)-->
<meta name="keywords" content="">
<!--关键字(keywords)-->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/indextopheader.css" />
<link rel="stylesheet" type="text/css" href="css/videoIndex.css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/videoIndex.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script>

	function reload(mainTypeId, childTypeId, orderMethod, isAudition, page) {
			var reloadUrl = 'view/courseList?';
				if (mainTypeId != null) {
					reloadUrl += '&mainTypeId=' + mainTypeId;
				} 
				if (childTypeId != null) {
					reloadUrl += '&childTypeId=' + childTypeId;
				}
				if (orderMethod != null) {
					reloadUrl += '&orderMethod=' + orderMethod;
				} 
				if (isAudition != null) {
					reloadUrl += '&isAudition=' + isAudition;
				} 

			window.location.href = reloadUrl;
		}
	}
</script>
</head>

<body>
	<!--头部header开始-->
		<div class="m-topBar">
				<div class="commWidth">
					<div class="m-topBar-item f-clearfix">
						<div class="m-navBar f-fl">
							<a href="">工程界</a>
							<a href="">工程百科</a>
							<a href="">工程文库</a>
							<a href="">工程图库</a>
							<a href="">在线课堂</a>
							<a href="">百问百答</a>
							<a href="">众包场</a>
							<a href="">主页空间</a>
							<a href="">新品展厅</a>
							<span>
								<i></i>
							</span>
						</div>
						<div class="userLogin f-fr" style="display:none">
							<a href="">登陆 </a>/
							<a href="">注册</a>
						</div>
						<div class="m-usermsg f-fr">
							<a href="" class="m-usermsg-first">王小二
								<div class="m-usermsg-list">
									<ul>
										<li>个人主页</li>
										<li>帐号管理</li>
										<li>退出</li>
									</ul>
								</div>
							</a>
							<a href="" class="m-user-last">消息
								(<span> 0 </span>)
							</a>
						</div>
					
				</div>
				</div>
			</div>
			<!--头部header结束-->
			<!--logo搜索个人中心区域开始-->
			<div class="course-headerF">			
				<div class="commWidth g-width">
					<div class="m-topheaderF f-clearfix">
						<div class="m-logoF f-fl">
							<a href=""><img src="img/ct.png" alt="在线课堂" title="在线课堂" /></a>
						</div>
						<div class="m-searchF f-fl">
								<div class="m-searF">
									<i class="m-searF-i iconfont"></i>
									<input type="text" value="请输入您要搜索的内容"  autocomplete="off" />
								</div>
						</div>
						<div class="userActiv f-fr" style="display: none;">
							<i></i>
							<a href="">个人中心</a>
						</div>
						<div class="loginActive f-fr">
							<i></i>
							<a href="" class="userpersonal">个人中心
								<div class="personal">
									<ul>
										<li>我的视频</li>
										<li>我的试卷</li>
										<li>收藏</li>
										<li>浏览记录</li>
									</ul>
								</div>
							</a>
							<a href="" class="releaseCourse ">发布课程
								<div class="course">
									<ul>
										<li>我是老师</li>
										<li>我是机构</li>
									</ul>
								</div>
							</a>
						</div>
					</div>				
				</div>
			</div>
			<!--logo搜索个人中心区域结束-->
	<div id="g-video">
		<div class="commWidth">
			<div class="g-wrap">
				<div class="m-v-nav f-clearfix">
					<div class="m-nav-lst f-fl">
						<a href="view/index">首页</a> <a href="">认证专区</a> <a href="">设计之路</a>
						<a href="">设计之路</a> <a href="">精品专区</a>
					</div>
					<div class="m-search f-fr">
						<div class="m-sear">
							<i class="m-sear-i iconfont"></i> <input type="text" value="搜索"
								autocomplete="off" />
						</div>
					</div>
				</div>
				<div class="m-banner">
					<div class="m-snav-wrap">
						<div class="m-snav">
							<div class="m-snav-bg"></div>
							<ul class="m-snav-lst">
								<li class="m-snav-first"><a href=""> <i
										class="icon-menu"></i>
										<h2>全部课程</h2>
								</a></li>
								<c:forEach var="mainChildType" items="${mainChildTypeList}"
									varStatus="i">
									<li class="m-snav-li">
										<div class="m-li-tt">
											<!--<i class="i-v-right iconfont">&#xe677</i>-->
											<h3>
												<a href="">${mainChildType.mainTypeName }</a>
											</h3>
										</div>
										<div class="m-li-hot">
											<a href="">建筑设计</a> <a href="">园林</a> <a href="">设计</a>
										</div>
										<div class="m-snav-list f-dn m-list${i.index+1}">
											<a href="javascript:;" class="m-f first">
												<h4 class="m-tit">分类目录</h4> <i></i>
											</a>
											<p class="m-links">
												<c:forEach var="childType"
													items="${mainChildType.childTypeData }" varStatus="j">
													<a href="" class="f-f0">${childType.childTypeName }</a>
													<c:if
														test="${j.index != fn:length(mainChildType.childTypeData) - 1}">
														<span>/</span>
													</c:if>
												</c:forEach>
											</p>
											<a href="" class="m-f">
												<h4 class="m-tit">系列课程</h4>
											</a>
											<p class="m-links">
												<a href="" class="f-f0">互联网入门到精通互联网</a><br /> <a href=""
													class="f-f0">互联网入门到精通网</a><br /> <a href="" class="f-f0">互联网入精通网</a><br />
												<a href="" class="f-f0">互联到</a><br /> <a href=""
													class="f-f0">其他</a>
											</p>
											<a href="" class="img_menu"> <img
												src="image/banner${i.index+1}.png" alt="" />
											</a>
										</div>
									</li>
								</c:forEach>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="m-list-wrap m-list-1">
				<div class="m-list-tit f-clearfix">
					<h4 class="m-hot f-fl">热门视频</h4>
					<a href="" class="fr"> <span class="m-more">更多</span> <span
						class="m-hot-icon"></span>
					</a>
				</div>
				<ul class="f-span16 f-clearfix">
					<c:forEach var="course" items="${hotCourseList}" varStatus="i">
						<li><a href="javascript:;">
								<div class="m-figure">
									<img src="resources/image/${course.coverUrl}" alt="" />
								</div>
						</a>
							<h5 class="m-title">${course.courseName}</h5>
							<p class="m-desc">
								<em>${course.applyTimes}</em>人学习
							</p>
							<div class="m-author-warp">
								<c:choose>
									<c:when test="${course.price == 0}">
										<span id="m-money">免费</span>
									</c:when>
									<c:otherwise>
										<span><em>￥</em>99</span>
										<c:if test="${course.isAudition ==  1}">
											<span class="m-s">可试学</span>
										</c:if>
									</c:otherwise>
								</c:choose>
								<a href="#"><span class="m-num fr">${course.nickname}</span></a>
							</div></li>
					</c:forEach>
				</ul>
			</div>
			<div class="m-lst-item m-lst-item2">
				<div class="commWidth">
					<div class="m-list-wrap">
						<div class="m-list-tit f-clearfix">
							<h4 class="m-hot f-fl">建筑与环艺</h4>
							<a href="" class="fr"> <span class="m-more">更多</span> <span
								class="m-hot-icon"></span>
							</a> <a href="" class="f-fr">建筑设计</a> <a href="" class="f-fr">园林设计</a>
							<a href="" class="f-fr">室内设计</a>
						</div>
						<ul class="f-span4 f-fl">
							<li><a href="javascript:;"> <img src="img/sider_ba.png"
									alt="" />
							</a></li>
						</ul>
						<ul class="f-span16 f-clearfix">
							<c:forEach items="${mainTypeCourseList1}" var="course"
								varStatus="i">
								<li><a href="javascript:;">
										<div class="m-figure">
											<img src="resources/image/${course.coverUrl}" alt="" />
										</div>
								</a>
									<h5 class="m-title">${course.courseName}</h5>
									<div class="m-author-warp">
										<c:choose>
											<c:when test="${course.price == 0}">
												<span id="m-money">免费</span>
											</c:when>
											<c:otherwise>
												<span><em>￥</em>99</span>
												<c:if test="${course.isAudition ==  1}">
													<span class="m-s">可试学</span>
												</c:if>
											</c:otherwise>
										</c:choose>
										<a href="#"><span class="m-num fr">${course.nickname }</span></a>
									</div></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div class="m-lst-item">
				<div class="commWidth">
					<div class="m-list-wrap">
						<div class="m-list-tit f-clearfix">
							<h4 class="m-hot f-fl">工程技术</h4>
							<a href="" class="fr"> <span class="m-more">更多</span> <span
								class="m-hot-icon"></span>
							</a> <a href="" class="f-fr">建筑设计</a> <a href="" class="f-fr">园林设计</a>
							<a href="" class="f-fr">室内设计</a>
						</div>
						<ul class="f-span4 f-fl">
							<li><a href="javascript:;"> <img
									src="img/sider_ba_01.png" alt="" />
							</a></li>
						</ul>
						<ul class="f-span16 f-clearfix">
							<c:forEach items="${mainTypeCourseList2}" var="course"
								varStatus="i">
								<li><a href="javascript:;">
										<div class="m-figure">
											<img src="resources/image/${course.coverUrl}" alt="" />
										</div>
								</a>
									<h5 class="m-title">${course.courseName}</h5>
									<div class="m-author-warp">
										<c:choose>
											<c:when test="${course.price == 0}">
												<span id="m-money">免费</span>
											</c:when>
											<c:otherwise>
												<span><em>￥</em>99</span>
												<c:if test="${course.isAudition ==  1}">
													<span class="m-s">可试学</span>
												</c:if>
											</c:otherwise>
										</c:choose>
										<a href="#"><span class="m-num fr">${course.nickname }</span></a>
									</div></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div class="m-lst-item m-lst-item2">
				<div class="commWidth">
					<div class="m-list-wrap">
						<div class="m-list-tit f-clearfix">
							<h4 class="m-hot f-fl">造价与管理</h4>
							<a href="" class="fr"> <span class="m-more">更多</span> <span
								class="m-hot-icon"></span>
							</a> <a href="" class="f-fr">建筑设计</a> <a href="" class="f-fr">园林设计</a>
							<a href="" class="f-fr">室内设计</a>
						</div>
						<ul class="f-span4 f-fl">
							<li><a href="javascript:;"> <img
									src="img/silder_ba_03.png" alt="" />
							</a></li>
						</ul>
						<ul class="f-span16 f-clearfix">
							<c:forEach items="${mainTypeCourseList3}" var="course"
								varStatus="i">
								<li><a href="javascript:;">
										<div class="m-figure">
											<img src="resources/image/${course.coverUrl}" alt="" />
										</div>
								</a>
									<h5 class="m-title">${course.courseName}</h5>
									<div class="m-author-warp">
										<c:choose>
											<c:when test="${course.price == 0}">
												<span id="m-money">免费</span>
											</c:when>
											<c:otherwise>
												<span><em>￥</em>99</span>
												<c:if test="${course.isAudition ==  1}">
													<span class="m-s">可试学</span>
												</c:if>
											</c:otherwise>
										</c:choose>
										<a href="#"><span class="m-num fr">${course.nickname }</span></a>
									</div></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div class="m-lst-item m-lst-item2">
				<div class="commWidth">
					<div class="m-list-wrap">
						<div class="m-list-tit f-clearfix">
							<h4 class="m-hot f-fl">机电设备</h4>
							<a href="" class="fr"> <span class="m-more">更多</span> <span
								class="m-hot-icon"></span>
							</a> <a href="" class="f-fr">建筑设计</a> <a href="" class="f-fr">园林设计</a>
							<a href="" class="f-fr">室内设计</a>
						</div>
						<ul class="f-span4 f-fl">
							<li><a href="javascript:;"> <img
									src="img/silder_ba_03.png" alt="" />
							</a></li>
						</ul>
						<ul class="f-span16 f-clearfix">
							<c:forEach items="${mainTypeCourseList4}" var="course"
								varStatus="i">
								<li><a href="javascript:;">
										<div class="m-figure">
											<img src="resources/image/${course.coverUrl}" alt="" />
										</div>
								</a>
									<h5 class="m-title">${course.courseName}</h5>
									<div class="m-author-warp">
										<c:choose>
											<c:when test="${course.price == 0}">
												<span id="m-money">免费</span>
											</c:when>
											<c:otherwise>
												<span><em>￥</em>99</span>
												<c:if test="${course.isAudition ==  1}">
													<span class="m-s">可试学</span>
												</c:if>
											</c:otherwise>
										</c:choose>
										<a href="#"><span class="m-num fr">${course.nickname }</span></a>
									</div></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div class="m-lst-item">
				<div class="commWidth">
					<div class="m-list-wrap">
						<div class="m-list-tit f-clearfix">
							<h4 class="m-hot f-fl">BIM相关</h4>
							<a href="" class="fr"> <span class="m-more">更多</span> <span
								class="m-hot-icon"></span>
							</a> <a href="" class="f-fr">建筑设计</a> <a href="" class="f-fr">园林设计</a>
							<a href="" class="f-fr">室内设计</a>
						</div>
						<ul class="f-span4 f-fl">
							<li><a href="javascript:;"> <img src="img/sider_ba.png"
									alt="" />
							</a></li>
						</ul>
						<ul class="f-span16 f-clearfix">
							<c:forEach items="${mainTypeCourseList5}" var="course"
								varStatus="i">
								<li><a href="javascript:;">
										<div class="m-figure">
											<img src="resources/image/${course.coverUrl}" alt="" />
										</div>
								</a>
									<h5 class="m-title">${course.courseName}</h5>
									<div class="m-author-warp">
										<c:choose>
											<c:when test="${course.price == 0}">
												<span id="m-money">免费</span>
											</c:when>
											<c:otherwise>
												<span><em>￥</em>99</span>
												<c:if test="${course.isAudition ==  1}">
													<span class="m-s">可试学</span>
												</c:if>
											</c:otherwise>
										</c:choose>
										<a href="#"><span class="m-num fr">${course.nickname }</span></a>
									</div></li>
							</c:forEach>
						</ul>
					</div>
					<div class="m-corps">
						<h2>合作机构</h2>
						<div class="corpbox">
							<a href="">新东方英文学校</a> <a href="">新东方英文学校</a> <a href="">新东方英文学校</a>
							<a href="">新东方英文学校</a> <a href="">新东方英文学校</a> <a href="">新东方英文学校</a>
							<a href="">新东方英文学校</a>
						</div>
					</div>
				</div>
			</div>
			<div class="m-banner-wrap">
				<div class="lubo">
					<ul class="lubo_box">
						<li style=" opacity: 1;filter:alpha(opacity=100);"><a href=""
							style="background:url(img/ba_02.jpg) center center no-repeat"></a></li>
						<li><a href=""
							style="background: url(img/ba_01.jpg)  center center no-repeat"></a></li>
						<li><a href=""
							style="background: url(img/ba_02.jpg)  center center no-repeat"></a></li>
						<li><a href=""
							style="background: url(img/ba_03.jpg)  center center no-repeat"></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="footer">
			<div>
				<span>请使用者仔细阅读工程界 用户协议 和 隐私政策</span> <span><a
					href="javascript:;">网络违法犯罪举报网站</a></span> <span><a
					href="javascript:;">中国互联网发和不良信息举报中心</a></span>
			</div>
			<p>沪ICP证00099903号</p>
			<p>Coperight©2015-2020engineeringcircle.com All Right Reserved</p>
		</div>
		<script type="text/javascript">
			$(function() {

				$(".lubo").lubo({

				});

			})
		</script>
</body>
</html>
